<!DOCTYPE html>
<html>
<head>
    <meta charset="utf8">
    <title>在线音乐网</title>
    <link href="{{ url_for('static',filename='css/pt_discover_index.css')}}" type="text/css" rel="stylesheet">
    <link href="{{ url_for('static',filename='css/pt_frame.css')}}" type="text/css" rel="stylesheet">
    <link href="{{ url_for('static',filename='css/core.css') }}" rel="stylesheet">
    <link href="{{ url_for('static',filename='js/toolTip/tooltip.css') }}" rel="stylesheet">
    <script type="text/javascript" src="{{ url_for('static',filename='js/toolTip/tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static',filename='js/jquery-2.2.0.min.js') }}"></script>
</head>
<body>
<div id="toplist" class="g-bd3 g-bd3-1 f-cb">
    <div class="g-sd3 g-sd3-1">
        <div class="n-minelst n-minelst-2">
            <h2 class="f-ff1">热门歌手</h2>
            <ul class="m-hdlist f-cb" style="margin:0px">
                {% for artist in hot_artist %}
                <li data-res-id="9621" data-res-type="2" data-res-action="log" data-res-data="recommendclick|0||artist-artist-recommend|10559">
                    <div class="hd">
                        <a href="{{url_for('home.artist',id=artist.id)}}" > <img src="static/artist/{{artist.imgURL}}"></a>
                    </div>
                    <p><a href="{{url_for('home.artist',id=artist.id)}}" class="nm nm-icn f-ib f-thide">{{artist.artistName}}</a></p>
                </li>
                {% endfor %}
            </ul>
        </div>
    </div>

    <div class="g-mn3" style="margin-top: 30px">
        <div class="g-mn3c">
            <div class="g-wrap12">
                <div class="u-title u-title-1 f-cb">
                    <h3><span class="f-ff2">歌曲TOP-15</span></h3>
                </div>
                <div id="song-list-pre-cache" data-key="song_toplist-19723756" data-simple="0">
                    <div id="auto-id-VEd67rpf74DVML8f">
                        <div class="j-flag" id="auto-id-o5oRUwylt22S4fpC">
                            <table class="m-table m-table-rank">
                                <thead>
                                <tr>
                                    <th class="w3"><div class="wp">歌曲</div></th>
                                    <th  class="w3"><div  class="wp">类别</div></th>
                                    <th class="w3"><div class="wp">歌手</div></th>
                                    <th class="w3"><div class="wp">播放总量</div></th>

                                </tr>
                                </thead>
                                <tbody>
                                {% for song in top_song[:15] %}
                                <tr class="">
                                    <td class="">
                                        <div class="">
                                            <div class="tt">
                                                <a class="ply " title="播放"
												onclick='playA("{{song.songName}}","{{song.id}}");'></a>
                                                <div class="">
                                                    <span class="txt"><b>{{song.songName}} </b> </span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                    <td class=" ">
                                        <span class=" ">{{ song.tag.name }}</span>
                                    </td>
                                    <td class="">
                                        <div class="text">
                                            <span>{{song.singer}} </span>
                                        </div>
                                    </td>
                                 <td class="">
                                        <div class="text">
                                            <span>{{song.hits}} </span>
                                        </div>
                                    </td>
                                </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div class="j-flag"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% include 'home/footer.html' %}
<script>
    function playA(name, id) {
        window.parent.playMusic(name, id);
    }
    function addShow(id) {
        window.parent.addShow(id);
    }
</script>
</body>
</html>
